<template>
  <div class="FindSchool">
    <div class="FindSchool_boxtop">
      <div class="FindSchool_top">
        <div class="FindSchool_top_box">
          <router-link to="/">
            <img
              class="FindSchool_top_logo"
              src="https://huizeimg.oss-cn-shenzhen.aliyuncs.com/huize/update/156222927235720190704163413.jpg"
              alt
            />
          </router-link>

          <div class="FindSchool_top_content">查大学</div>
          <div class="select111">
            <el-input class="select1" placeholder="请输入大学名称" v-model="input" clearable></el-input>
<<<<<<< HEAD
=======
            
>>>>>>> 314b442cce11d658746227581b0160373004c345
          </div>
          <div class="selectbox" v-if="selectshow==1">
            <div
              class="selectbox_content_box"
              v-for="(item,index) in findschoolresult"
              :key="index"
              @click="selectmajor(item)"
            >
              <span class="selectbox_content">{{item.schoolName}}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="FindSchool_bottom">
      <div class="FindSchool_boxbottom">
        <div class="FindSchool_bottom_option">
          <router-link to="/">
            <span>首页</span>
          </router-link>
          <span>></span>
          <span>查大学</span>
        </div>

        <div class="content_top">
          <div class="bmore">
            <span class="bbmore" v-if="morechooseshow==1">
              <span class="smore1">院校类型</span>
              <span v-for="(item,index) in SchoolType" :key="index">
                <span
                  :class="clickchangeshow==index?'smore2change':'smore2'"
                  @click="clickchange(index)"
                >{{item.choose}}</span>
              </span>
            </span>
            <span class="bbmore" v-if="morechooseshow==0">
              <span class="smore1">院校类型</span>
              <span v-for="(item,index) in ShortSchoolType" :key="index">
                <span
                  :class="clickchangeshow==index?'smore2change':'smore2'"
                  @click="clickchange(index)"
                >{{item.choose}}</span>
              </span>
            </span>
            <span class="morechoose" @click="morechoose" v-if="morechooseshow==0">更多筛选</span>
            <span class="morechoose" @click="morechoose" v-if="morechooseshow==1">收起</span>
          </div>

          <div class="bmore" v-if="moremore==0">
            <div class="more" @click="screen" v-if="moremore==0">更多筛选</div>
            <div class="bbmore">
              <span class="smore1">本省高校</span>
              <span v-for="(item,index) in type" :key="index">
                <span
                  :class="clickchangeshow1==index?'smore2change':'smore2'"
                  @click="clickchange1(index)"
                >{{item.choose}}</span>
              </span>
            </div>

            <div class="bbmore">
<<<<<<< HEAD
              <span class="smore1">层次&emsp;&emsp;</span>
=======
              <span class="smore1">层次</span>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <span v-for="(item,index) in arrangement" :key="index">
                <span
                  :class="clickchangeshow2==index?'smore2change':'smore2'"
                  @click="clickchange2(index)"
                >{{item.choose}}</span>
              </span>
            </div>
            <div class="bbmore">
              <span class="smore1">院校标签</span>
              <span v-for="(item,index) in SchoolLabel" :key="index">
                <span
                  :class="clickchangeshow3==index?'smore2change':'smore2'"
                  @click="clickchange3(index)"
                >{{item.choose}}</span>
              </span>
            </div>
          </div>
          <div class="bmore" v-if="moremore==1">
            <span class="bbmore">
              <span class="smore1">本省高校</span>
              <span v-for="(item,index) in type" :key="index">
                <span
                  :class="clickchangeshow1==index?'smore2change':'smore2'"
                  @click="clickchange1(index)"
                >{{item.choose}}</span>
              </span>
            </span>
            <span class="more" @click="screen" v-if="moremore==1">收起</span>
            <div class="bbmore">
<<<<<<< HEAD
              <span class="smore1">层次&emsp;&emsp;</span>
=======
              <span class="smore1">层次</span>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <span v-for="(item,index) in arrangement" :key="index">
                <span
                  :class="clickchangeshow2==index?'smore2change':'smore2'"
                  @click="clickchange2(index)"
                >{{item.choose}}</span>
              </span>
            </div>
            <div class="bbmore">
              <span class="smore1">院校标签</span>
              <span v-for="(item,index) in SchoolLabel" :key="index">
                <span
                  :class="clickchangeshow3==index?'smore2change':'smore2'"
                  @click="clickchange3(index)"
                >{{item.choose}}</span>
              </span>
            </div>
            <div class="bbmore">
              <span class="smore1">院校性质</span>
              <span v-for="(item,index) in SchoolNature" :key="index">
                <span
                  :class="clickchangeshow4==index?'smore2change':'smore2'"
                  @click="clickchange4(index)"
                >{{item.choose}}</span>
              </span>
            </div>
            <div class="bbmore" v-if="moreprovince==0">
<<<<<<< HEAD
              <span class="smore1">地区&emsp;&emsp;</span>
=======
              <span class="smore1">地区</span>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <span class="more" @click="moreprovinceclick" v-if="moreprovince==0">展开</span>
              <span v-for="(item,index) in ShortProvince" :key="index">
                <span
                  :class="clickchangeshow5==index?'smore2change':'smore2'"
                  @click="clickchange5(index)"
                >{{item}}</span>
              </span>
            </div>
            <div class="bbmore" v-if="moreprovince==1">
<<<<<<< HEAD
              <span class="smore1">地区&emsp;&emsp;</span>
=======
              <span class="smore1">地区</span>
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <span class="more" @click="moreprovinceclick" v-if="moreprovince==1">收起</span>
              <span v-for="(item,index) in newaddressbox" :key="index">
                <span
                  :class="clickchangeshow5==index?'smore2change':'smore2'"
                  @click="clickchange5(index)"
                >{{item}}</span>
              </span>
            </div>
          </div>
        </div>
        <div class="content_middle">
          <div class="VolunteerDetails_bottom_benke">
            <div class="VolunteerDetails_bottom_benke_line" v-if="inputselectshow==0">
<<<<<<< HEAD
              <div v-for="(item,index) in Schoolbox" :key="index">
=======
              <div v-for="(item,index) in Schoolbox" :key="index" >
>>>>>>> 314b442cce11d658746227581b0160373004c345
                <div class="University" @click="goSchoolDeatil(item)">
                  <div class="lineone">
                    <img class="school_img" :src="item.universityEntity.logoUrl" alt />
                    <span class="school_name">{{item.universityEntity.schoolName}}</span>
                  </div>
<<<<<<< HEAD
                  <!-- <div class="probability">
                    录取概率
                    <span class="vip">(VIP可见)</span>
                  </div>-->
=======
                  <div class="probability">
                    录取概率
                    <span class="vip">(VIP可见)</span>
                  </div>
>>>>>>> 314b442cce11d658746227581b0160373004c345
                  <div class="mostlowpoint">2019年录取最低分 {{item.minScore}}</div>
                  <div class="mostlowrank">2019年录取最低排名 {{item.minRanking}}</div>
                  <div class="getstudents">2019年招生 人</div>
                </div>
              </div>
<<<<<<< HEAD

=======
  
>>>>>>> 314b442cce11d658746227581b0160373004c345
              <div class="major1"></div>
              <div class="major1"></div>
            </div>
            <div class="VolunteerDetails_bottom_benke_line" v-if="inputselectshow==1">
<<<<<<< HEAD
              <div v-for="(item,index) in newSchoolbox" :key="index">
                <div class="University" @click="goSchoolDeatil(item)">
=======
              <div v-for="(item,index) in newSchoolbox" :key="index" >
                <div class="University" @click="goSchoolDeatil(item)" >
>>>>>>> 314b442cce11d658746227581b0160373004c345
                  <div class="lineone">
                    <img class="school_img" :src="item.logoUrl" alt />
                    <span class="school_name">{{item.schoolName}}</span>
                  </div>
<<<<<<< HEAD

                  <div class="mostlowpoint">2019年投档最低分 {{item.deliveryDetailsEntity.deliveryScore}}</div>
                  <div class="mostlowrank">投档最低位次 {{item.deliveryDetailsEntity.minRanking}}</div>
=======
               
                  <div class="mostlowpoint">2019年投档最低分 {{item.deliveryDetailsEntity.deliveryScore}}</div>
                  <div class="mostlowrank">投档最低位次 {{item.deliveryDetailsEntity.minRanking}}</div>
                  
>>>>>>> 314b442cce11d658746227581b0160373004c345
                </div>
              </div>

              <div class="major1"></div>
              <div class="major1"></div>
            </div>
          </div>
        </div>
<<<<<<< HEAD
        <div class="content_bottom" @click="page" v-if="totalCount > Schoolbox.length">查看更多</div>
        <div class="content_bottom" v-else>没有更多了</div>
=======
        <div class="content_bottom" @click="page">查看更多</div>
>>>>>>> 314b442cce11d658746227581b0160373004c345
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "FindSchool",
  data() {
    return {
<<<<<<< HEAD
      totalCount: "",
      inputselectshow: 0,
=======
      inputselectshow:0,
>>>>>>> 314b442cce11d658746227581b0160373004c345
      findschoolresult: "",
      selectshow: 0,
      input: "",
      address: 0,
      pageSize: 0,
      currPage: 0,
      category: 0,
      keyOne: 0,
      schoolPrivate: 0,
      schoolTypes: 0,
      types: 0,
      clickchangeshow: "",
      clickchangeshow1: "",
      clickchangeshow2: "",
      clickchangeshow3: "",
      clickchangeshow4: "",
      clickchangeshow5: "",
      Schoolbox: "",
<<<<<<< HEAD
      newSchoolbox: "",
=======
      newSchoolbox:"",
>>>>>>> 314b442cce11d658746227581b0160373004c345
      morechooseshow: 0,
      moremore: 0,
      moreprovince: 0,
      newaddressbox: [],
      addressbox: [],
      ShortProvince: [
        "无限",
        "广东",
        "北京",
        "福建",
        "浙江",
        "上海",
        "湖北",
        "湖南",
        "江西"
      ],
      arrangement: [
        //层次
        {
          id: "-1",
          choose: "不限"
        },
        {
          id: "0",
          choose: "本科"
        },
        {
          id: "1",
          choose: "专科"
        }
      ],
      SchoolLabel: [
        {
          id: "-1",
          choose: "不限"
        },
        {
          id: "1",
          choose: "985"
        },
        {
          id: "2",
          choose: "211"
        },
        {
          id: "3",
          choose: "双一流"
        }
      ],
      SchoolNature: [
        {
          id: "-1",
          choose: "不限"
        },
        {
          id: "0",
          choose: "公办"
        },
        {
          id: "1",
          choose: "民办"
        }
      ],
      ShortSchoolType: [
        {
          id: "-1",
          choose: "不限"
        },
        {
          id: "0",
          choose: "综合"
        },
        {
          id: "1",
          choose: "工科"
        },
        {
          id: "2",
          choose: "师范"
        },
        {
          id: "3",
          choose: "农业"
        },
        {
          id: "4",
          choose: "医药"
        },
        {
          id: "5",
          choose: "军事"
        }
      ],
      SchoolType: [
        {
          id: "-1",
          choose: "不限"
        },
        {
          id: "0",
          choose: "综合"
        },
        {
          id: "1",
          choose: "工科"
        },
        {
          id: "2",
          choose: "师范"
        },
        {
          id: "3",
          choose: "农业"
        },
        {
          id: "4",
          choose: "医药"
        },
        {
          id: "5",
          choose: "军事"
        },
        {
          id: "6",
          choose: "林业"
        },
        {
          id: "7",
          choose: "语言"
        },
        {
          id: "8",
          choose: "财经"
        },
        {
          id: "9",
          choose: "体育"
        },
        {
          id: "10",
          choose: "艺术"
        },
        {
          id: "11",
          choose: "政法"
        },
        {
          id: "12",
          choose: "民族"
        }
      ],
      type: [
        {
          id: "1",
          choose: "全部高校"
        },
        {
          id: "2",
          choose: "本省高校"
        }
      ]
    };
  },
  beforeCreate() {
    this.$nextTick(() => {
      this.getaddress(); //获得省份接口
      this.getschool(); //获得大学接口
    });
  },
  methods: {
    getschool() {
      let currPage = this.currPage;
      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
<<<<<<< HEAD

=======
>>>>>>> 314b442cce11d658746227581b0160373004c345
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types
        },
        success: res => {
          if (res.data.code == 0) {
            this.Schoolbox = res.data.data.list;
<<<<<<< HEAD
            this.totalCount = res.data.data.totalCount;
=======
            console.log(1111);
>>>>>>> 314b442cce11d658746227581b0160373004c345
          } else {
          }
        }
      });
    },
    getaddress() {
      this.$ajax({
        methods: "GET",
        url: "/api/province/queryAll",
        success: res => {
          if (res.data.code == 0) {
            this.addressbox = res.data.data;
            for (var i = 0; i < this.addressbox.length; i++) {
              this.newaddressbox[i] = this.addressbox[i].title;
            }
            //  console.log(this.addressbox);
            this.newaddressbox.unshift("无限");
            //  console.log(this.newaddressbox);
          }
        }
      });
    },
    screen() {
      this.moremore = !this.moremore;
    },
    morechoose() {
      this.morechooseshow = !this.morechooseshow;
    },
    moreprovinceclick() {
      this.moreprovince = !this.moreprovince;
    },
    clickchange(index) {
      this.clickchangeshow = index;
      this.schoolTypes = index;
<<<<<<< HEAD
      this.getschool();
=======
      let currPage = this.currPage;
      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types
        },
        success: res => {
          if (res.data.code == 0) {
            this.Schoolbox = res.data.data.list;
            console.log(1111);
          } else {
          }
        }
      });
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },
    clickchange1(index) {
      this.clickchangeshow1 = index;
      this.types = index;
<<<<<<< HEAD
      this.getschool();
=======
      let currPage = this.currPage;
      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types
        },
        success: res => {
          if (res.data.code == 0) {
            // console.log(this.address),
            console.log(this.types), (this.Schoolbox = res.data.data.list);
            console.log(1111);
          } else {
          }
        }
      });
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },
    clickchange2(index) {
      this.clickchangeshow2 = index;
      this.category = index;
<<<<<<< HEAD
      // console.log( this.category-1,1111111)
      this.getschool();
=======
      let currPage = this.currPage;
      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types
        },
        success: res => {
          if (res.data.code == 0) {
            this.Schoolbox = res.data.data.list;
            console.log(1111);
          } else {
          }
        }
      });
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },
    clickchange3(index) {
      this.clickchangeshow3 = index;
      this.keyOne = index;
<<<<<<< HEAD
      this.getschool();
=======
      let currPage = this.currPage;
      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types
        },
        success: res => {
          if (res.data.code == 0) {
            this.Schoolbox = res.data.data.list;
            console.log(1111);
          } else {
          }
        }
      });
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },
    clickchange4(index) {
      this.clickchangeshow4 = index;
      this.schoolPrivate = index;
<<<<<<< HEAD
      this.getschool();
=======
      let currPage = this.currPage;
      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types
        },
        success: res => {
          if (res.data.code == 0) {
            this.Schoolbox = res.data.data.list;
            console.log(1111);
          } else {
          }
        }
      });
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },
    clickchange5(index) {
      this.clickchangeshow5 = index;
      this.address = index;
<<<<<<< HEAD
      this.getschool();
=======
      let currPage = this.currPage;
      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types
        },
        success: res => {
          if (res.data.code == 0) {
            this.Schoolbox = res.data.data.list;
            console.log(1111);
          } else {
          }
        }
      });
>>>>>>> 314b442cce11d658746227581b0160373004c345
    },
    page() {
      this.currPage += 8;

      this.$ajax({
        method: "post",
        url: "/api/searchUniversity/listAllUniversity",
        data: {
          address: this.address,
          category: this.category - 1,
          currPage: 1,
          keyOne: this.keyOne - 1,
          pageSize: 8 + this.currPage,
          schoolPrivate: this.schoolPrivate - 1,
          schoolType: this.schoolTypes - 1,
          type: this.types

          //  address: -1,
          // category: -1,
          // currPage: 1,
          // keyOne: -1,
          // pageSize: 8+ currPage ,
          // schoolPrivate: -1,
          // schoolType: -1,
          // type: 0
        },
        success: res => {
          if (res.data.code == 0) {
            this.Schoolbox = res.data.data.list;
<<<<<<< HEAD
            this.totalCount = res.data.data.totalCount;
=======
            this.address = -1;
            console.log(1111);
>>>>>>> 314b442cce11d658746227581b0160373004c345
          } else {
          }
        }
      });
    },
    selectmajor(item) {
<<<<<<< HEAD
      this.selectshow = 0;
      this.$ajax({
        method: "post",
        url: "/api/home/searchForKeyWord",
        data: {
          keyWord: item.schoolName
=======

       console.log(item.schoolName);
      this.selectshow = 0;
      this.$ajax({
        method: "post",
        url: "/api/home/searchForKeyWord" ,
        data:{  
          keyWord:item.schoolName 
>>>>>>> 314b442cce11d658746227581b0160373004c345
        },
        success: res => {
          if (res.data.code == 0) {
            this.newSchoolbox = res.data.data.universityEntityList;
<<<<<<< HEAD

            this.inputselectshow = 1;
=======
            console.log(this.newSchoolbox)
            this.inputselectshow=1;
>>>>>>> 314b442cce11d658746227581b0160373004c345
          } else {
          }
        }
      });
    },
<<<<<<< HEAD
    goSchoolDeatil(item) {
      //点击跳转大学详情

      this.$router.push({
        name: "/SchoolDeatil",
        params: { userId: item.schoolId }
      });
=======
    goSchoolDeatil(item){
      //点击跳转大学详情
      console.log(item.schoolId)
      this.$router.push({ name: '/SchoolDeatil', params: { userId: item.schoolId }})
>>>>>>> 314b442cce11d658746227581b0160373004c345
    }
  },
  watch: {
    input: function() {
      if (this.input != "") {
<<<<<<< HEAD
        this.inputselectshow = 1;

=======
          this.inputselectshow=1;
        console.log(this.selectshow);
>>>>>>> 314b442cce11d658746227581b0160373004c345
        this.$ajax({
          method: "POST",
          url: "/api/searchUniversity/university/list",
          data: {
            keyWord: this.input,
            pageNow: 1,
            pageSize: 10
          },
          success: res => {
            if (res.data.code == 0) {
              this.findschoolresult = res.data.data.list;
<<<<<<< HEAD

              this.selectshow = 1;
=======
              console.log(this.findschoolresult);
              console.log(this.selectshow);
              this.selectshow = 1;
              console.log(this.selectshow);
              // console.log(this.majorbox);
>>>>>>> 314b442cce11d658746227581b0160373004c345
            }
          }
        });
      } else {
        this.selectshow = 0;
<<<<<<< HEAD
        this.inputselectshow = 0;
=======
        this.inputselectshow=0;
>>>>>>> 314b442cce11d658746227581b0160373004c345
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.VolunteerDetails_bottom_benke {
}
.VolunteerDetails_bottom_benke_line {
  display: -webkit-flex; /* Safari */
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  justify-content: space-between;
}
.University {
  height: 283px;
  width: 270px;
  border-radius: 10px;
  background-color: #ffffff;
  margin-bottom: 44px;
  position: relative;
  cursor: pointer;
  .lineone {
    padding-top: 40px;
    margin-left: 30px;
    margin-bottom: 24px;
    .school_img {
      height: 15px;
      width: 15px;
    }
    .school_name {
      margin-left: 6px;
      font-size: 15px;
      font-weight: 550;
    }
  }
  .probability {
    margin-left: 47px;
    font-size: 14px;
    color: #757575;
    margin-bottom: 14px;
    .vip {
      font-size: 14px;
      color: #fadd71;
    }
  }
  .mostlowpoint {
    margin-left: 47px;
    font-size: 14px;
    color: #757575;
    margin-bottom: 14px;
  }
  .mostlowrank {
    margin-left: 47px;
    font-size: 14px;
    color: #757575;
    margin-bottom: 14px;
  }
  .getstudents {
    margin-left: 47px;
    font-size: 14px;
    color: #757575;
    margin-bottom: 14px;
  }
}

.span1 {
  color: #2e86ff;
}

.morechoose {
  float: right;
  margin-top: 6px;
  margin-right: 30px;
  color: #2e86ff;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}

.major {
  margin-left: 57px;
  font-size: 12px;
  color: #757575;
  margin-bottom: 12px;
}
.major1 {
  height: 0px;
  width: 270px;
}

.more {
  font-size: 15px;
  float: right;
  margin-bottom: 30px;
  margin-right: 30px;
  margin-left: 60px;
  color: #2e86ff;
  border-radius: 10px;
  cursor: pointer;
}
.bmore {
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 30px;
  padding-top: 10px;
  .bbmore {
    line-height: 60px;
    margin-left: 20px;
    .smore1 {
      margin-right: 50px;
      color: #000000;
      font-weight: 550;
    }
    .smore2 {
      margin-right: 30px;
      cursor: pointer;
    }
    .smore2:hover {
      background-color: skyblue;
      color: #ffffff;
      border-radius: 3px;
    }
    .smore2change {
      margin-right: 30px;
      cursor: pointer;
      color: skyblue;
    }
  }
}

.FindSchool {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.FindSchool_boxtop {
  width: 1200px;
  margin: 0 auto;
  height: 68.6px;
}
.FindSchool_top {
  height: 68.6px;
}
.FindSchool_top_box {
  height: 68.6px;
<<<<<<< HEAD
  position: relative;
=======
   position: relative;
>>>>>>> 314b442cce11d658746227581b0160373004c345
  .select111 {
    width: 220px;
    position: absolute;
    left: 300px;
    top: 1px;
    line-height: 68.6px;
    margin-right: 100px;
    float: right;
    .select1 {
    }
  }
  .selectbox {
    float: left;
    position: absolute;
    left: 300px;
    top: 69px;
    background-color: #ffffff;

    line-height: 25px;
    cursor: default;
    .selectbox_content_box {
<<<<<<< HEAD
      .selectbox_content {
        float: left;
=======
     
   
      .selectbox_content {
         float: left;
>>>>>>> 314b442cce11d658746227581b0160373004c345
        display: inline-block;
        font-size: 16px;
        width: 180px;
        padding-right: 20px;
<<<<<<< HEAD
        padding-left: 15px;
=======
         padding-left: 15px;
>>>>>>> 314b442cce11d658746227581b0160373004c345
      }
      .selectbox_content:hover {
        background-color: skyblue;
      }
    }
  }
}
.select111 {
  width: 800px;
  line-height: 68.6px;
  margin-right: 155px;
  float: right;
  .select1 {
  }
}
.FindSchool_top_logo {
  width: 50px;
  padding-top: 12.5px;
  margin-right: 24px;
  float: left;
}
.FindSchool_top_content {
  display: inline;
  font-size: 22px;
  color: #515151;
  float: left;
  line-height: 68.6px;
}
.FindSchool_bottom {
  width: 100%;
  background-color: #f6f6f6;
}
.FindSchool_boxbottom {
  width: 1200px;
  margin: 0 auto;
}
.FindSchool_bottom_option {
  padding-top: 27px;
  padding-bottom: 20px;
}
span {
  color: #757575;
  font-size: 15px;
}
.router-link-active {
  text-decoration: none;
}

.content_top {
}
.content_bottom {
  display: inline-block;
  margin-top: 36px;
  margin-bottom: 118px;
  margin-left: 565px;
  font-size: 17px;
  color: #959595;
  cursor: pointer;
}
</style>